@charset "UTF-8";
/* bottom  开始 */
#bottom {
  background: #292a2c;
}

#bottom .bottom {
  padding-top: 40px;
}

#bottom .bottom .bottom-t {
  padding-bottom: 30px;
}

#bottom .bottom .bottom-t dl {
  float: left;
  margin-left: 8px;
  margin-right: 16px;
  border-right: 1px solid #27282a;
  width: 15%;
}

#bottom .bottom .bottom-t dl dt {
  color: #ccc;
  font-size: 16px;
  margin-bottom: 7px;
  overflow: hidden;
}

#bottom .bottom .bottom-t dl dt i {
  width: 26px;
  height: 26px;
  background: url("./../images/index/spriter4.png") no-repeat;
  margin-right: 10px;
  float: left;
}

#bottom .bottom .bottom-t dl dt span {
  float: left;
}

#bottom .bottom .bottom-t dl dd {
  margin-left: 38px;
  line-height: 2;
}

#bottom .bottom .bottom-t dl dd a:hover {
  color: #fff !important;
}

#bottom .bottom .bottom-t dl:nth-of-type(1) i {
  background-position: 0px -60px;
}

#bottom .bottom .bottom-t dl:nth-of-type(2) i {
  background-position: 0px -60px;
}

#bottom .bottom .bottom-t dl:nth-of-type(3) i {
  background-position: 0px -60px;
}

#bottom .bottom .bottom-t dl:nth-of-type(4) i {
  background-position: 0px -60px;
}

#bottom .bottom .bottom-t dl:nth-of-type(5) i {
  background-position: 0px -60px;
}

#bottom .bottom .bottom-t dl:nth-of-type(2n-1) {
  border-right: none;
}

#bottom .bottom .bottom-t .bottom-t-right p {
  width: 158px;
  height: 21px;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  color: #ccc;
}

#bottom .bottom .bottom-t .bottom-t-right .item {
  overflow: hidden;
  margin-top: 14px;
}

#bottom .bottom .bottom-t .bottom-t-right .item span {
  width: 30px;
  height: 30px;
  float: left;
  display: block;
  background: #1a1a1a;
}

#bottom .bottom .bottom-t .bottom-t-right .item span i {
  background: url("./../images/index/sprite5.png") no-repeat;
  display: block;
  width: 18px;
  height: 20px;
  margin-left: 4px;
  margin-top: 7px;
}

#bottom .bottom .bottom-t .bottom-t-right .item a {
  float: left;
  display: block;
  background: #222;
  text-align: center;
  width: 128px;
  height: 30px;
  line-height: 30px;
  color: #666;
}

#bottom .bottom .bottom-t .bottom-t-right .item a:hover {
  background: #4e4e4e;
  color: #b3b3b3;
}

#bottom .bottom .bottom-t .bottom-t-right .item:first-of-type i {
  background-position: -182px -70px;
}

#bottom .bottom .bottom-t .bottom-t-right .item:last-of-type i {
  background-position: -208px -70px;
}

#bottom .bottom .ely-ft-link {
  padding: 6px 0;
  position: relative;
  border-top: 1px dotted #3f4042;
  color: #5c5c5c;
}

#bottom .bottom .ely-ft-link p {
  padding-right: 50px;
  height: 24px;
}

#bottom .bottom .ely-ft-link p a {
  padding: 0 8px;
  color: #5c5c5c;
  position: relative;
}

#bottom .bottom .ely-ft-link p a::after {
  position: absolute;
  top: 4px;
  right: 0;
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #5c5c5c;
}

#bottom .bottom .ely-ft-link p a:hover {
  color: #fff;
}

#bottom .bottom .ely-ft-link i {
  position: absolute;
  bottom: 10px;
  right: 2px;
  cursor: pointer;
  width: 15px;
  height: 15px;
  background: url("./../images/index/spriter6.png") no-repeat;
  background-position: -99px 0;
}

#bottom .bottom .ely-ft-about {
  padding-top: 18px;
  padding-bottom: 9px;
  border-top: 1px dotted #3f4042;
}

#bottom .bottom .ely-ft-about p a {
  padding: 0 5px;
  color: #999;
  position: relative;
}

#bottom .bottom .ely-ft-about p a::after {
  position: absolute;
  top: 4px;
  right: -3px;
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #5c5c5c;
}

#bottom .bottom .ely-ft-about p a:hover {
  color: #fff;
}

#bottom .bottom .ely-ft-about p a:last-of-type::after {
  content: "";
  width: 0;
  height: 0;
}

#bottom .bottom .ely-ft-copyright {
  padding-bottom: 11px;
  color: #999;
}

#bottom .bottom .ely-ft-copyright a {
  color: #999;
}

#bottom .bottom .ely-ft-copyright a:hover {
  color: #fff;
}

#bottom .bottom .ely-ft-rz {
  padding-bottom: 11px;
  color: #999;
}

#bottom .bottom .ely-ft-rz ul {
  overflow: hidden;
  width: 100%;
}

#bottom .bottom .ely-ft-rz ul li {
  float: left;
  margin-right: 15px;
  position: relative;
  cursor: pointer;
}

#bottom .bottom .ely-ft-rz ul li a {
  color: #999;
  display: block;
}

#bottom .bottom .ely-ft-rz ul li::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}

#bottom .bottom .ely-ft-rz ul li:hover::after {
  background: transparent;
}

/* bottom  结束 */
